<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="swiper-container banner">
		<ul class="swiper-wrapper" >
			<li class="swiper-slide">
				<img src="img/banner.png" alt="">
				<div class="text-wrapper">
					<div class="text">中国平安2017年财务报告</div>
				</div>
			</li>
			<li class="swiper-slide">
				<img src="img/banner.png" alt="">
				<div class="text-wrapper">
					<div class="text">中国平安2017年财务报告中国平安2017年财务报告中国平安2017年财务报告</div>
				</div>
			</li>
		</ul>
		<div class="swiper-pagination"></div>
	</div>
	<!-- 轮播图 -->
	<!-- 以下为页面js部分 -->
	
	<script type="text/javascript" src="js/rem.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
	<script>
		var swiper = new Swiper('.banner',{
			spaceBetween: 0,  //每个slider之间间距
			nextButton: '.swiper-button-next',
	    	prevButton: '.swiper-button-prev',
			pagination: '.swiper-pagination',  //生成小圆点 
			paginationClickable: true, //允许点击
			loop: true,
			autoplay: 4000,
			autoplayDisableOnInteraction: false
		});
		// swiper
    </script>
</body>
</html>